    @import 'reset';
    @import 'variable';
    @import 'mixin';
    @import 'validator';
    @import 'icon';
    .fixed-table-body {
        .group-select {
            position: initial;
            ul {
                left: auto;
            }
        }
    }

    .scm-btn-group {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        >.scm-btn {
            position: relative;
            float: left;
            &:first-child {
                margin-left: 0;
            }
            &:hover {
                z-index: 2;
            }
            &:not(:first-child):not(:last-child):not(.dropdown-toggle) {
                border-radius: 0;
            }
            &:first-child:not(:last-child):not(.dropdown-toggle) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }
            &:last-child:not(:first-child),
            .scm-btn-group>.dropdown-toggle:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }
        }
        .scm-btn+.scm-btn {
            margin-left: -1px;
        }
    }

     :after,
     :before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .page-paddingbtm {
        padding-bottom: 20px;
    }
    body {
        background-color: #f8f8f8;
        color: #666;
    }

    .footerwidth {
        width: 100px;
    } // table备注显示省略号
    .note {
        width: 150px;
    } // 控制含有图标的input框变色
    .has-feedback {
        position: relative;
        input {
            padding-right: 22px !important;
        }
        i {
            position: absolute;
            right: 5px;
            top: 5px;
            color: #999;
            z-index: 2;
            cursor: pointer;
            &:hover {
                color: $highLight !important;
            }
            &:hover~input {
                border: 1px solid $highLight;
            }
        }
        .icon-closecircle:hover {
            color: #999 !important;
        }
    } // tab
    .tab {
        @include clear;
        border-bottom: 1px solid $lineColor;
        line-height: 34px;
        margin: 10px;
        height: 36px;
        li {
            float: left;
            border-bottom: 2px solid transparent;
            margin-right: 20px;
            a {
                padding: 0 16px;
                span {
                    margin-left: 8px;
                }
            }
            &.active {
                border-color: $highLight;
                a {
                    color: $highLight;
                }
            }
        }
    }

    .tab-spire {
        margin-top: 0;
    } // 详情
    .box-detail {
        margin: 10px; // min-width: 1020px;
        table {
            border-radius: 4px;
            width: 100%;
            border: 1px solid $lineColor;
            th,
            td {
                height: 36px;
                border: 1px solid $lineColor;
                line-height: 16px;
                img {
                    width: 200px;
                    height: 100px;
                }
            }
            th {
                font-weight: normal;
                background: #fcfcfc;
                text-align: right;
                padding-right: 10px;
            }
            .th-centerstyle {
                text-align: center; 
            }
            td {
                padding: 0 20px 0 10px;
                input {
                    width: 100%;
                }
                .group {
                    .scm-input-wrap {
                        width: 100%;
                    }
                    .select-search {
                        display: none;
                        left: 0;
                        min-width: 100%;
                    }
                }
            }
        }
    } // 弹窗搜索下拉
    .group-select .select-search {
        position: absolute;
        background: #FFF;
        border-radius: 3px;
        box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
        top: 28px;
        left: 85px;
        line-height: 25px;
        padding: 2px 0;
        z-index: 4;
        width: calc(100% - 85px);
        ul {
            position: static !important;
            max-height: 150px;
            overflow: auto;
            box-shadow: none;
        }
        .scm-input-wrap {
            float: none;
            width: 100%;
            padding: 0 5px 5px;
            &:after {
                display: none;
            }
            .anticon {
                right: 12px;
                top: 7px;
            }
        }
    }

    .group-select-special {
        width: calc(100% - 161px) !important;
    }
    /*左侧*/

    .leftside {
        width: 200px;
        height: 100%;
        background: #FFF;
        overflow: visible !important;
        float: left;
        -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .2);
        position: relative;
        .logo {
            margin-top: 20px;
            margin-left: 13px;
            background: url("../images/minilogo.png");
            background-size: 50px 50px;
            width: 50px;
            height: 50px;
            cursor: pointer;
            -webkit-transition: $transition;
            position: relative;
            span {
                font-size: 24px;
                position: absolute;
                left: 64px;
                display: block;
                width: 200px;
                top: 13px;
                color: #aaa;
            }
            &.minilogo {
                margin-top: 30px;
                margin-left: 6px;
                background: url("../images/minilogo.png");
                background-size: 30px 30px;
                width: 30px;
                height: 30px;
                span {
                    display: none;
                }
            }
        }
        ul.main-menu {
            margin-top: 20px;
            overflow: auto;
            background: #fff;
            &.mini-menu {
                overflow: visible;
                >li {
                    position: relative;
                    &:hover {
                        >.sub-menu {
                            display: block !important;
                        }
                    }
                    >a {
                        padding-left: 11px;
                        overflow: visible;
                        >i {
                            font-size: 18px;
                        }
                        &:hover {
                            -webkit-transition: $transition;
                            background: $highLightBg;
                        }
                        &.subactive {
                            background: $highLightBg;
                            color: $highLight;
                        }
                    }
                    >.sub-menu {
                        display: none;
                        top: 0;
                        left: 100%;
                        position: absolute;
                        min-width: 160px; // margin-left: 4px;
                        z-index: 1050;
                        border-radius: 3px;
                        box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
                        color: #666;
                        background: #fff;
                        line-height: 46px;
                        overflow: auto;
                        >li>a {
                            padding-left: 10px;
                        }
                        >li>.sub-menu a {
                            padding-left: 20px;
                        }
                        >li>.sub-menu {
                            .sub-menu>li>a {
                                padding-left: 30px;
                            }
                        }
                    }
                }
                >li>a>span,
                >li>a.js-sub-menu-toggle:after {
                    display: none;
                }
            }
            a {
                color: #aaa;
                display: block;
                height: 35px;
                cursor: pointer;
                position: relative;
                overflow: hidden;
            }
            span {
                margin-left: 5px;
            }
            a:hover {
                color: $highLight;
            }
            a.active {
                color: $highLight;
                background: #494949;
                border-right: 2px solid $highLight;
                -webkit-transition: $transition;
            }
            >li a {
                padding-left: 10px;
                line-height: 35px;
                &.js-sub-menu-toggle {
                    position: relative;
                    @include arrowToggle(10px,
                    1px,
                    0);
                }
                i {
                    font-size: 14px;
                }
            }
            .sub-menu {
                // display: none;
                >li>a {
                    padding-left: 29px;
                }
            }
            .sub-menu .sub-menu>li>a {
                padding-left: 48px;
            }
            .sub-menu .sub-menu .sub-menu>li>a {
                padding-left: 67px;
            }
            .sub-menu .sub-menu .sub-menu .sub-menu>li>a {
                padding-left: 86px;
            }
        }
    }

    .leftside-unify {
        background: #3e3e3e;
        ul.main-menu {
            background: transparent;
            a {
                color: #999;
            }
            a.active {
                background: #494949;
                border-right: 0;
            }
            .menuNum {
                float: right;
                margin: 9px 5px 0 0;
                padding: 0 10px;
                border-radius: 18px;
                /*height: 20px;*/
                line-height: 18px;
                color: #fff;
                background: $redcolor;
            }
        }
        ul.main-menu.mini-menu>li {
            >.sub-menu {
                background: #3e3e3e;
            }
            >a {
                &:hover {
                    background: #494949;
                }
                &.subactive {
                    background: #494949;
                }
            }
        }
    }

    .leftside-sub {
        width: 300px;
        margin-right: 10px;
        float: left;
        background: #fff;
        height: 100%;
        .leftside-subTitle {
            height: 46px;
            line-height: 46px;
            text-align: center;
            border-bottom: 1px solid $lineColor;
            font-weight: bold;
            font-size: 14px;
        }
        .leftside-subinner {
            height: calc(100% - 46px);
            .tree-wrap {
                height: 100%;
                overflow: auto;
            }
        }
    }

    .main-sub {
        float: left;
        width: calc(100% - 310px);
    }

    .radio-list {
        position: relative;
        height: 100%;
        overflow: hidden;
        ul {
            height: calc(100% - 60px);
            overflow: auto;
        }
        .radio-listAction {
            text-align: center;
            position: absolute;
            bottom: 0;
            height: 60px;
            width: 100%;
            text-align: center;
            line-height: 60px;
            border-top: 1px solid $lineColor;
        }
        li {
            font-size: 14px;
            line-height: 40px;
            padding-left: 30px;
            margin: 10px 0;
            &.read {
                color: $redcolor;
                &:hover {
                    background: transparent;
                }
            }
            button {
                height: 22px;
                font-size: 12px;
                padding: 0 5px;
                float: right;
                margin: 9px 20px 0 0;
                display: none;
            }
            &:hover {
                background: $highLightBg;
            }
            &.active {
                background: $highLightBg;
                button {
                    display: block;
                }
            }
        }
    }
    /*右侧*/

    .form-list {
        @include clear;
        margin: 0 10px 0; // min-width: 1020px;
        &.form-list-long {
            .group {
                label {
                    // width: 115px;
                    width: 115px;
                }
                .scm-input-wrap {
                    width: calc(100% - 120px);
                }
            }
        }

        &.form-list-btn-inner {
            .group {
                label {
                    width: 80px;
                }
            }
        }

        .group {
            float: left;
            width: 25%;
            height: 30px;
        }

        .group-all {
            margin-bottom: 10px;
            width: 100%;
        }
        .scm-input-wrap {
            width: calc(100% - 85px);
        }
        .group-double {
            input {
                width: 47%;
                float: left;
            }
            span.line {
                float: left;
                width: 3%;
                margin: 11px 1.5% 0;
                border-top: 1px solid #999;
            }
        }
        .group-select {
            ul {
                min-width: calc(100% - 85px);
                &.autocomplete-suggestions {
                    box-shadow: none;
                }
            }
            @include select(28px,
            85px);
        }
        .group-double-select {
            width: 50%;
            .group-select {
                width: 47.5%;
                 margin-right: 10px;
            }
            .group-select-nolabel {
                .select {
                    left: 0;
                }
            }
            .group-select-fullsize {
                width: 80%;
                .select {
                    left: 0;
                }
            }
        }
        .condition-msg-style {
            width: calc(100% - 161px);
        }
    }

    .scm-input-wrap {
        position: relative;
    }

    .group {
        position: relative;
        label {
            width: 80px;
            float: left;
            margin-right: 5px;
            text-align: right;
            line-height: 24px;
        }
        textarea {
            border: 1px solid $lineColor;
            height: 100px;
            width: 100%;
            padding: 5px;
            line-height: 16px;
            color: #666;
            resize: none;
            -webkit-transition: $transition;
            &:hover {
                border: 1px solid $highLight;
            }
            &.textarea-read {
                background: #f7f7f7;
                cursor: default;
            }
        }
        .scm-input-wrap {
            float: left;
            input {
                padding-right: 22px;
            }
            &:hover {
                border-color: #108ee9;
            }
        }
        .anticon {
            position: absolute;
            right: 5px;
            top: 5px;
            color: #999;
            z-index: 2;
            &:hover+input {
                border: 1px solid $highLight;
            }
        }
        .icon-closecircle {
            cursor: pointer;
        }
        .iconhide .anticon {
            display: none;
        }
    }

    .group-data {
        width: 50%;
    }

    .group-select {
        .selectshow {
            @include arrowToggle(6px);
        }
        input {
            @include scm-input(100%);
        }
        @include select(28px,
        0);
    } // .table .group-select .selectshow:after {
    //     margin-top: 4px;
    // }
    .group-link {
        .icon-closecircle {
            right: 28px !important;
        }
        .iconhide .anticon {
            display: block;
        }
        input {
            padding-right: 36px !important;
        }
    }

    .form-list-more {
        min-width: auto;
        margin: 20px 10px 14px;
        .group-select ul {
            width: 100%;
            left: 0;
        }
        .group {
            width: 50%;
        }
        .group-selectRight ul {
            left: auto;
            right: 0;
        }
    }

    .box-table {
        margin: 10px 10px 0;
    }

    .rightside {
        // width: calc(100% - 224px);
        overflow: hidden; // float: left;
        // height: auto;
        // @include clear;
        // background:#fff;
        .head {
            height: 47px;
            background: #FFF;
            -webkit-box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, .05);
            margin-bottom: 5px; // min-width: 1020px;
            position: relative;
            .change {
                float: left;
                width: 47px;
                cursor: pointer;
                text-align: center;
                line-height: 47px;
                font-size: 18px;
                -webkit-transition: $transition;
                &:hover {
                    background: $highLightBg;
                    color: $highLight;
                }
            }
            .company {
                cursor: pointer;
                margin-left: 5px;
                line-height: 47px;
                float: left;
                position: relative;
                b {
                    float: left;
                    font-weight: normal;
                }
                .selectshow {
                    float: left;
                    @include arrowToggle(-15px,
                    0,
                    0);
                }
                @include select(49px,
                0);
            }
            .name {
                float: right;
                padding-right: 10px;
                line-height: 47px; // font-size: 14px;
                position: relative;
                cursor: pointer;
                .namearea {
                    padding: 0 18px;
                    i {
                        font-size: 12px;
                    }
                    b {
                        font-weight: normal;
                        margin-left: 5px;
                    }
                }
                &:hover .namearea {
                    color: $highLight;
                    border-bottom: 2px solid $highLight;
                }
                &:hover .select {
                    // opacity: 1;
                }
                @include select(49px,
                0);
                .select {
                    display: none; // opacity: 0;
                    // transition: all 0.5s;
                }
            }
        }
        .headicon {
            float: right;
            font-size: 22px;
            line-height: 47px;
            width: 47px;
            text-align: center;
            position: relative;
            cursor: pointer;
            >span {
                position: absolute;
                display: block;
                width: 20px;
                height: 20px;
                line-height: 20px;
                background: $redcolor;
                top: 2px;
                right: 5px;
                font-size: 12px;
                color: #FFF;
                border-radius: 10px;
                font-weight: bold;
            }
            &:hover {
                color: $highLight;
                background: $highLightBg;
            }
        }
        .message {
            box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
            width: 530px;
            height: 430px;
            background: #fff;
            position: absolute;
            top: 52px;
            right: 5px;
            z-index: 22;
            overflow: hidden;
            display: none;
            .tab-content {
                height: 374px;
                overflow: auto;
            }
            .tab-content-inner {
                padding-bottom: 10px;
                &.tab-content-paddingbtm {
                    padding-bottom: 20px;
                }
                li {
                    margin: 0 10px 10px;
                    >a {
                        display: block;
                        border: 1px solid $lineColor;
                        padding: 10px 50px 10px 10px;
                        cursor: pointer;
                        position: relative;
                        &:hover {
                            background: #ecf6fd;
                            transition: $transition;
                            color: inherit;
                            border-color: #ecf6fd;
                        }
                        .list-topic {
                            margin-bottom: 10px;
                            @include clear;
                            .tag,
                            .state {
                                float: left;
                                margin-right: 10px;
                            }
                            .date {
                                float: right;
                            }
                        }
                        .list-infor {
                            color: #333;
                            line-height: 18px;
                            word-break: break-all;
                        }
                        .icon-right {
                            position: absolute;
                            right: 0;
                            font-size: 30px;
                            color: #d6d0d0;
                            top: 16px;
                        }
                    }
                }
            }
            .loading {
                text-align: center;
                margin: 10px 0;
                display: none;
                img {
                    width: 32px;
                    height: 32px;
                    vertical-align: middle;
                    margin-right: 5px;
                }
            }
        }
        .search {
            float: right;
            margin-top: 12px;
            margin-right: 20px;
            i {
                font-size: 14px;
            }
            input {
                @include scm-input(200px)
            }
            @include select(49px,
            18px);
            ul {
                top: 27px;
                left: 0;
            }
        }
        .window-wrap {
            @include clear;
            padding-right: 50px;
            position: relative;
            height: 30px;
            border-bottom: 1px solid transparent;
            &.active {
                border-bottom-color: $highLight
            }
            .window {
                float: left;
            }
            .more {
                float: right;
                position: absolute;
                right: 5px;
                top: 0;
                display: none;
                &:hover {
                    .select {
                        display: block;
                    }
                    .link {
                        background: #fff
                    }
                }
                .link {
                    color: $highLight;
                    line-height: 30px;
                    height: 30px;
                    float: right;
                    padding: 0 10px;
                }
                .icon-down {
                    margin-left: 3px;
                }
                .select {
                    display: none;
                    background: #FFF;
                    border-radius: 3px;
                    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
                    line-height: 25px;
                    padding: 2px 0;
                    z-index: 3;
                    min-width: 120px;
                    position: absolute;
                    right: 0;
                    li {
                        padding: 2px 16px;
                        white-space: nowrap;
                        cursor: pointer;
                        &:hover {
                            color: $highLight;
                            background: $highLightBg;
                        }
                    }
                }
                .more-list::-webkit-scrollbar {
                    position: absolute;
                    width: 7px;
                    height: 5px;
                }
                .more-list::-webkit-scrollbar-thumb {
                    background-color: rgba(0, 0, 0, .4);
                    border-radius: 1em;
                }
                .more-list {
                    max-height: 145px;
                    overflow: auto;
                    border-bottom: 1px solid $lineColor;
                }
                .more-action {
                    margin: 5px 0;
                    a {
                        padding: 2px 16px;
                        display: block;
                        &:hover {
                            color: $highLight;
                        }
                    }
                }
            }
        }
        .window {
            // width:calc(100% - 50px);
            overflow: hidden;
            height: 30px;
            margin-left: 5px; // min-width: 1020px;
            li {
                float: left;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                background: #fafafa;
                padding: 0 10px; // padding: 0 120px;
                height: 30px;
                line-height: 30px;
                margin-right: 3px;
                cursor: pointer;
                border: 1px solid #ddd;
                border-bottom-color: $highLight;
                &:hover {
                    background: #fdfdfd;
                }
                &.active {
                    background: #F1F8FC;
                    border-color: $highLight;
                    border-bottom-color: #F1F8FC;
                    span {
                        color: $highLight;
                    }
                    i {
                        color: #333;
                    }
                }
                i {
                    margin-left: 5px;
                    font-size: 10px;
                    &:hover {
                        color: $highLight;
                    }
                }
            }
        }
    }

    .main {
        background: #FFF; // height: 700px;
        overflow: visible;
        padding-top: 10px; // margin: 0 10px;
        // min-width: 1020px;
        height: 100%;
    }

    .operation {
        margin: 0 10px;
        overflow: hidden; // min-width: 1020px;
        .conditionbtn {
            float: left;
        }
        .conditionbtn-center {
            text-align: center; 
        }

        .conditionstate {
            float: left;
            line-height: 30px;
            margin-left: 20px;
            font-size: 14px;
        }
        .btn-group {
            float: right;
            margin-right: 10px;
        }

    }

    .tableselect {
        border: 1px solid transparent;
        border-radius: 4px;
        padding: 2px 0 2px 8px;
        position: relative;
        width: 120px;
        display: inline-block;
        a {
            margin-right: 8px;
        }
        .icon-down {
            transition: all 0.3s ease-out;
            -webkit-transform: scale(0.8);
            &:hover {
                color: $highLight;
            }
        }
        &.active {
            border-color: $highLight;
            transition: all 0.3s ease-out;
            background: #fff;
            .icon-down {
                -webkit-transform: rotate(-180deg) scale(0.8);
                margin-top: -2px;
            }
        }
        .tableselect-top {
            text-align: left;
            width: 100%;
            .icon-down {
                position: absolute;
                right: 3px;
                top: 5px;
                cursor: pointer;
            }
            a {
                color: $highLight;
                &:hover {
                    text-decoration: underline;
                }
            }
        }
        .tableselect-top:after {
            right: 4px;
        }
        .tableselect-bottom {
            display: none;
            text-align: left;
            border-radius: 4px;
            position: absolute;
            background: #fff;
            width: 100%;
            border: 1px solid transparent;
            padding: 3px 0 3px 8px;
            left: 0;
            top: 26px;
            z-index: 2; // box-shadow: 4px 4px 10px #e1e5e7, -4px -4px 10px #e1e5e7;
            box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
        }
    } // 修改密码弹窗
    form.hascheck {
        .group {
            height: 42px;
        }
        .input-parent {
            height: 42px;
            position: relative;
            float: left;
            width: calc(100% - 85px);
        }

        label.control-label {
            line-height: 18px;
            text-align: left;
            width: auto;
            /*      position: absolute;
        left: 250px;
        top: 4px;*/
        }
        .icon-closecircle.anticon.form-control-feedback {
            color: $redcolor1;
            line-height: 16px;
            font-size: 12px;
        }
        .icon-checkcircle.anticon.form-control-feedback {
            color: $greencolor;
            line-height: 16px;
            font-size: 12px;
        }
    }

    .nofloat {
        &.nofloat-multiple-checkbox {
            margin: 20px auto 10px 100px;
        }
        margin: 20px auto 10px;
        .group {
            &.group-multiple-checkbox {
                float: left;
                width: 33%;
                label {
                    float: left;
                    margin-right: 5px;
                    text-align: left;
                    line-height: 24px;
                }
            }
            &.group-form-style {
                float: left;
                width: 30%;
                margin: 0 11px;
            }
            &.group-textbox-unit {
                float: left;
                margin: 0 5px;
            }
            &.group-double-column-style {
                float: left;
                width: 45%;
                margin: 0 11px;
            }
            &.long-input-style {
                width: 95%;
            }
            &.double-column-input-style {
                width: 93%;
            }
            &.popup-multiple-checkbox-style {
                margin: 0 11px;
            }
            float: none;
            width: 80%;
            margin: 0 auto;
            .time {
                float: left;
                position: relative;
                width: 60px;
                height: 24px;
                margin-right: 10px;
                .selectshow input {
                    background: transparent;
                }
                &.w146 {
                    width: 147px;
                }
                &.w150 {
                    width: 150px;
                }
                &:after {
                    position: absolute;
                    top: 0;
                    right: 20px;
                    display: block;
                    line-height: 26px;
                    z-index: -1;
                    content: attr(data-infor);
                }
                .select {
                    width: 194px;
                    padding: 3px;
                    right: 0;
                    left: auto;
                    overflow: visible;
                    &.nowidth {
                        width: 100%;
                        padding: 2px 0;
                        li {
                            float: none;
                            line-height: 25px;
                        }
                    }
                    li {
                        float: left;
                        line-height: 14px;
                    }
                }
            }
            .labelRadio {
                float: left;
                label {
                    width: auto;
                    margin-right: 20px;
                    cursor: pointer;
                    input[type=radio],
                    input[type=checkbox] {
                        height: auto;
                        width: auto;
                        vertical-align: middle;
                        margin-top: -3px;
                        margin-right: 3px;
                    }
                }
            }
            .labelCheckbox {
                margin-left: 15px;
                label {
                    display: block;
                    float: none;
                    text-align: left;
                }
            }
        }
        .group .yuan {
            position: absolute;
            right: -18px;
            top: 0;
            line-height: 24px;
            color: #ff2724;
        }
        .group-wid {
            label {
                width: 84px;
            }
        }
        .scm-input-wrapWid {
            width: calc(100% - 90px) !important;
        }
    }

    .form-list-line {
        margin: 20px auto 10px;
        .group {
            width: 45%;
        }
        .group-all {
            width: 90%;
        }
    }

    .form-list-line3 {
        margin: 20px auto 10px;
        .group {
            width: 31%;
        }
        .group-all {
            width: 93%;
        }
    }

    .layer-auto {
        .group {
            height: auto;
        }
        .input-parent {
            height: auto;
        }
    }

    .layer-settle {}
    /*tree*/

    .tree-search {
        padding: 8px 0px 8px 19px;
        height: 44px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
        button {
            height: 27px;
            margin-top: -3px;
        }
    }

    .tree-search input {
        width: 248px;
        height: 27px;
        padding: 0 0 0 12px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
        border: 1px solid #ccc;
    }

    #tree .tree-wrap {
        overflow: auto;
    }

    .ztree li {
        margin: 0 0 0 10px;
        padding: 10px 5px 0 5px;
        position: relative;
        clear: both;
    }

    .ztree li ul {
        clear: both;
    }

    .ztree li>i {
        background: url('../images/tree_select.png') no-repeat 0 0;
        width: 16px;
        height: 16px;
        background-size: 16px 32px;
        float: left;
        cursor: pointer;
    }

    .ztree li>i.check {
        background-position: 0 -16px;
    }

    .ztree li::before,
    .ztree li::after {
        content: '';
        left: -20px;
        position: absolute;
        right: auto;
    }

    .ztree li>s {
        width: 16px;
        height: 16px;
        float: left;
        margin-right: 2px;
    }

    .ztree li>s.show {
        cursor: pointer;
        background: url('../images/tree_switch.png') no-repeat 0 0;
        background-size: 16px 32px;
    }

    .ztree li>s.hide {
        cursor: pointer;
        background: url('../images/tree_switch.png') no-repeat 0 -16px;
        background-size: 16px 32px;
        display: block !important;
    }

    .ztree li>a {
        /*float: left;*/
        font-size: 12px;
        color: #666;
        text-decoration: none;
        margin-left: 2px;
    }

    .ztree>ul>li::before,
    .ztree>ul>li::after {
        border: 0
    }

    .ztree li:last-child::before {
        height: 30px
    }

    .ztree li span.button {
        background: url(../images/tree_switch.png) no-repeat;
        background-size: 16px 32px;
        margin-right: 4px;
        vertical-align: bottom;
    }

    .ztree li span.button.switch {
        width: 16px;
        height: 16px;
    }

    .ztree li span.button.noline_open {
        background-position: 0 -16px;
    }

    .ztree li span.button.noline_close {
        background-position: 0 0;
    }

    .ztree li span.button.chk {
        width: 16px;
        height: 16px;
        background: url(../images/tree_select.png) no-repeat;
        background-size: 16px 32px;
        cursor: pointer;
        vertical-align: bottom;
    }

    .ztree li span.button.chk.checkbox_false_full {
        background-position: 0 0;
    }

    .ztree li span.button.chk.checkbox_true_full {
        background-position: 0 -16px;
    }

    .ztree li span.button.chk.checkbox_false_full_focus {
        background-position: 0 0;
    }

    .ztree li span.button.chk.checkbox_true_full_focus {
        background-position: 0 -16px;
    }

    .ztree li span.button.chk.checkbox_true_part {
        background: url(../images/tree_select1.png) no-repeat;
        background-size: 16px 32px;
        background-position: 0 -16px;
    }

    .ztree li span.button.chk.checkbox_true_part_focus {
        background: url(../images/tree_select1.png) no-repeat;
        background-size: 16px 32px;
        background-position: 0 -16px;
    }

    .ztree li span.button.chk.checkbox_false_part {
        background-position: 0 0;
    }

    .ztree li span.button.chk.checkbox_false_part_focus {
        background-position: 0 0;
    }

    .ztree li a.curSelectedNode {
        background: #fff;
        border: 0;
        padding: 1px 3px 0 0;
        height: 17px;
    }

    .ztree li a:hover {
        text-decoration: none
    }

    .catTree li>a {
        float: none
    }

    .ztree li span.button.chk.radio_false_full {
        background: url(../images/tree_radio.png) no-repeat;
        background-position: 0 0;
        background-size: 16px 32px;
    }

    .ztree li span.button.chk.radio_true_full {
        background: url(../images/tree_radio.png) no-repeat;
        background-position: 0 -16px;
        background-size: 16px 32px;
    }

    .ztree li span.button.chk.radio_false_part {
        background: url(../images/tree_radio.png) no-repeat;
        background-size: 16px 32px;
        background-position: 0 0;
    }

    .ztree li span.button.chk.radio_true_part {
        background: url(../images/tree_radio.png) no-repeat;
        background-size: 16px 32px;
        background-position: 0 0;
    }

    .ztree li span.button.chk.radio_true_part_focus {
        background: url(../images/tree_radio.png) no-repeat;
        background-size: 16px 32px;
        background-position: 0 0;
    }

    .ztree li span.button.chk.radio_false_part_focus {
        background: url(../images/tree_radio.png) no-repeat;
        background-size: 16px 32px;
        background-position: 0 0;
    }

    .ztree li span.button.chk.radio_false_full_focus {
        background: url(../images/tree_radio.png) no-repeat;
        background-size: 16px 32px;
        background-position: 0 0;
    }

    .ztree li span.button.chk.radio_true_full_focus {
        background: url(../images/tree_radio.png) no-repeat;
        background-size: 16px 32px;
        background-position: 0 -16px;
    }

    .group label b {
        // color: #c7181e;
        color: #ff2724;
        margin-right: 4px;
    }

    .icon-loading {
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
        margin-right: 8px;
        width: 17px;
        height: 17px;
        background: url(../images/loading.jpg) center no-repeat;
        background-size: 17px;
    }

    .layer-tips {
        text-align: center;
        font-size: 12px;
        color: #333;
        margin: 30px 0 20px;
        &.layer-tips-reminder {
            text-align: left;
            margin: 20px 10px 20px;
        }
        i.anticon {
            vertical-align: middle;
            margin-top: -3px;
            margin-right: 8px;
        }
    }

    .layer-tips-top {
        margin: 10px 20px;
        text-align: left;
        color: #999;
    }

    .layer-tips-text {
        text-align: center;
        margin: 60px;
    }

    body .skin-tipsbtn {
        background: #fff;
        border-radius: 3px;
        box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
        background-color: #fff;
        .layui-layer-content {
            padding: 15px 0 10px;
            box-shadow: none;
            position: static;
            color: #333;
            text-align: center;
            .anticon {
                vertical-align: middle;
                margin-right: 8px;
            }
            .layui-layer-TipsG {
                box-shadow: 4px 4px 40px rgba(0, 0, 0, .08);
            }
        }
        .layui-layer-btn {
            a {
                padding: 0 15px;
                height: 25px;
                line-height: 23px;
            }
            .layui-layer-btn1 {
                background: transparent;
                &:hover {
                    border-color: #108ee9;
                    color: #108ee9;
                    transition: all 0.3s ease-out;
                }
            }
            .layui-layer-btn0 {
                background: $highLight;
                border-color: $highLight;
            }
        }
    }

    body .skin-msg {
        text-align: center;
        border: 0;
        border-radius: 4px;
        box-shadow: 4px 4px 40px rgba(0, 0, 0, .08);
        .anticon {
            vertical-align: middle;
            margin-top: -3px;
            margin-right: 10px;
        }
        .layui-layer-content {
            font-size: 12px;
            padding: 12px;
        }
    }

    .anticon {
        &.red {
            color: $redcolor1 !important;
        }
        &.brown {
            color: $browncolor !important;
        }
        &.green {
            color: $greencolor !important;
        }
    }

    @for $i from 12 to 30 {
        .fs#{$i} {
            font-size: #{$i}px !important;
        }
    }

    body .daterangepicker.dropdown-menu {
        z-index: 50000000;
    }

    .mycheckbox {
        text-align: left !important;
        em {
            display: inline-block;
            cursor: pointer;
            position: relative;
            margin-bottom: 0;
            width: 14px;
            height: 14px;
            top: 0;
            left: 0;
            background: #fff;
            border: 1px solid #ccc;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            vertical-align: middle;
            margin-right: 5px;
            margin-top: -3px;
            &:hover {
                border-color: #108ee9;
            }
        }
        &.active {
            em {
                background: #108ee9;
                border-color: #108ee9;
                &:after {
                    content: '';
                    position: absolute;
                    width: 9px;
                    height: 5px;
                    background: transparent;
                    top: 3px;
                    left: 1px;
                    border: 2px solid #fff;
                    border-top: none;
                    border-right: none;
                    -webkit-transform: rotate(-45deg);
                    -moz-transform: rotate(-45deg);
                    -o-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }
            }
        }
    }

    .mycheckradio {
        &.radio-popup-style {
            width: 56px !important;
        }
        &.radio-wide-style {
            width: 110px !important;
        }
        &.radio-superwide-style {
            width: 180px !important;
        }
        em {
            display: inline-block;
            cursor: pointer;
            position: relative;
            margin-bottom: 0;
            width: 12px;
            height: 12px;
            top: 0;
            left: 0;
            background: #fff;
            border: 1px solid #ccc;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 50%;
            vertical-align: middle;
            margin-right: 5px;
            margin-top: -3px;
            &:hover {
                border-color: #108ee9;
            }
        }
        &.active {
            em {
                background: #108ee9;
                border-color: #108ee9;
                &:after {
                    content: '';
                    position: absolute;
                    width: 4px;
                    height: 4px;
                    background: #fff;
                    top: 3px;
                    left: 3px;
                    border-radius: 50%;
                }
            }
        }
    }

    body .group .selector-item {
        padding-right: 17px;
        -webkit-transition: $transition;
        @include arrowToggle(4px,
        0px,
        -19px);
        &.on {
            border-radius: 5px 5px 0 0;
            &:after {
                -webkit-transition: $transition;
                -webkit-transform: rotate(-180deg) scale(0.8);
                top: -2px;
                margin-top: 0;
            }
        }
    }

    .group .customer-select {
        float: left;
        width: calc(100% - 85px);
        &>.selector-item {
            width: 48%;
            margin-left: 4%;
            .selector-name {
                width: 100%;
            }
        }
    }

    .group .customerDetail-select {
        float: left;
        width: 100%;
        &>.selector-item {
            width: 31%;
            margin-left: 3.5%;
            .selector-name,
            .selector-list {
                width: 100%;
            }
        }
    }

    #tabIframe {
        .tab-content {
            height: 100%;
            iframe {
                width: 100%;
                height: 100%;
                border: 0;
            }
        }
    }

    .ms-search {
        i.icon-closecircle {
            display: none !important;
        }
    }

    .multipleselect-box {
        .ms-search {
            input {
                float: none !important;
            }
        }
    }
    /*下拉多选*/

    .ms-options-wrap,
    .ms-options-wrap * {
        box-sizing: border-box;
        font-size: 14px;
    }

    .ms-options-wrap {
        float: left;
        width: 100%;
    }

    .ms-options-wrap>button:focus,
    .ms-options-wrap>button {
        position: relative;
        width: 100%;
        text-align: left;
        border: 1px solid #e5e5e5;
        background-color: #fff;
        border-radius: 3px;
        height: 24px;
        padding: 0 5px;
        font-size: 12px;
        color: #666;
        outline: none;
        white-space: nowrap;
        &:hover {
            color: #666;
            border: 1px solid #108ee9;
        }
    }

    .nocolor:hover:after {
        color: #333 !important;
    }

    .ms-options-wrap>button:after {
        /*content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: #999;
    margin-top: -3px;*/
    }

    .ms-options-wrap>.ms-options {
        position: absolute;
        left: 0;
        width: 100%;
        margin-top: 6px;
        margin-bottom: 20px;
        background: white;
        z-index: 2000;
        border-radius: 3px;
        box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
        /*border: 1px solid #aaa;*/
    }

    .ms-options-wrap>.ms-options>.ms-search {
        padding: 0 5px 5px;
        background: #fff;
    }

    .ms-options-wrap>.ms-options>.ms-search input {
        width: 100%;
        padding: 4px 5px;
        border: none;
        border: 1px solid #e5e5e5;
        outline: none;
    }

    .ms-options-wrap>.ms-options .ms-selectall {
        display: inline-block;
        font-size: .9em;
        text-transform: lowercase;
        text-decoration: none;
    }

    .ms-options-wrap>.ms-options .ms-selectall:hover {
        text-decoration: underline;
    }

    .ms-options-wrap>.ms-options>.ms-selectall.global {
        margin: 4px 5px;
    }

    .ms-options-wrap>.ms-options>ul {
        position: static;
        li {
            padding: 0;
        }
    }

    body .ztree * {
        font-family: "Microsoft Yahei", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    }

    select[multiple=multiple] {
        opacity: 1;
        width: 100%;
        height: 24px;
        color: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        overflow: hidden;
        background: #fff;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .logo-wrap {
        overflow: hidden;
        height: 70px;
    }

    .customerMini {
        position: fixed;
        z-index: 100;
        background: #fff;
        width: 377px;
        /*height: 450px;*/
        padding: 15px 10px 10px;
        /*border: 1px solid #ccc;*/
        box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
        border-radius: 2px;
        .customerMini-title {
            font-size: 16px;
            color: #333;
            padding-bottom: 5px;
            a {
                color: #108ee9;
                &:hover {
                    text-decoration: underline;
                }
            }
        }
        .customerMini-infor {
            table {
                font-size: 12px;
                color: #999;
                td,
                th {
                    /*border: none;*/
                }
                .customerMini-save {
                    position: relative;
                    &.showsl {
                        &:after {
                            content: "......";
                        }
                    }
                }
                .customerMini-save-num {
                    margin-left: 4px;
                    i {
                        font-style: normal;
                        margin: 0 3px;
                    }
                }
            }
        }
        h3 {
            margin: 5px 0;
            font-weight: normal;
            font-size: 12px;
            color: #000;
            a {
                float: right;
                color: #108ee9;
                &:hover {
                    text-decoration: underline;
                }
            }
        }
        .customerMini-label {
            font-size: 12px;
            ul {
                overflow: hidden;
            }
            li {
                float: left;
                border-radius: 50%;
                width: 36px;
                height: 36px;
                background: #999;
                color: #fff;
                text-align: center;
                line-height: 36px;
                border: 1px solid #999;
                margin-right: 10px;
                i {
                    font-size: 18px;
                }
                &.red {
                    background: $redcolor1;
                    border-color: $redcolor1
                }
                &.blue {
                    background: $highLight;
                    border-color: $highLight
                }
                &.car {
                    border-color: $redcolor1;
                    background: #fff;
                    color: #999;
                    i {
                        font-size: 22px;
                        vertical-align: middle;
                    }
                    &.red {
                        background: #fff;
                        color: $redcolor1;
                    }
                }
            }
        }
        .customerMini-sale {
            padding-top: 5px;
            table {
                border: none;
                color: #999;
                th,
                td {
                    border: none;
                    padding: 0;
                }
                .anticon {
                    margin-right: 10px;
                    font-size: 18px;
                    vertical-align: middle;
                    margin-top: -3px;
                }
                span.red {
                    margin-left: 5px;
                }
            }
        }
        .customerMini-link {
            h3 {
                margin: 5px 0 10px;
            }
            table {
                th,
                td {
                    height: 22px;
                    line-height: 22px;
                    text-align: center;
                    width: 33%;
                }
                .hasQQ {
                    background: url(../images/qq.png) no-repeat 10px center;
                }
            }
        }
    }

    .table td span.teldetail {
        cursor: default;
    }

    .linkmanMini {
        position: fixed;
        z-index: 100;
        background: #fff;
        width: 377px;
        /*height: 450px;*/
        padding: 15px 10px 10px;
        /*border: 1px solid #ccc;*/
        box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
        border-radius: 2px;
        .customerMini-title {
            font-size: 16px;
            color: #333;
            padding-bottom: 5px;
            a {
                color: #108ee9;
                &:hover {
                    text-decoration: underline;
                }
            }
        }
        .linkman-infor {
            margin-top: 10px;
            padding: 0 10px;
            font-size: 16px;
            color: #333;
        }
        .customerMini-infor {
            table {
                font-size: 12px;
                color: #999;
                td,
                th {
                    /*border: none;*/
                    text-align: center;
                }
                .customerMini-save {
                    position: relative;
                    &.showsl {
                        &:after {
                            content: "......";
                        }
                    }
                }
                .customerMini-save-num {
                    margin-left: 4px;
                    i {
                        font-style: normal;
                        margin: 0 3px;
                    }
                }
            }
        }
        h3 {
            margin: 5px 0;
            font-weight: normal;
            font-size: 12px;
            color: #000;
            a {
                float: right;
                color: #108ee9;
                &:hover {
                    text-decoration: underline;
                }
            }
        }
        .customerMini-label {
            font-size: 12px;
            ul {
                overflow: hidden;
            }
            li {
                float: left;
                border-radius: 50%;
                width: 36px;
                height: 36px;
                background: #999;
                color: #fff;
                text-align: center;
                line-height: 36px;
                border: 1px solid #999;
                margin-right: 10px;
                i {
                    font-size: 18px;
                }
                &.red {
                    background: $redcolor1;
                    border-color: $redcolor1
                }
                &.blue {
                    background: $highLight;
                    border-color: $highLight
                }
                &.car {
                    border-color: $redcolor1;
                    background: #fff;
                    color: #999;
                    i {
                        font-size: 22px;
                        vertical-align: middle;
                    }
                    &.red {
                        background: #fff;
                        color: $redcolor1;
                    }
                }
            }
        }
        .customerMini-sale {
            padding-top: 5px;
            table {
                border: none;
                color: #999;
                th,
                td {
                    border: none;
                    padding: 0;
                }
                .anticon {
                    margin-right: 10px;
                    font-size: 18px;
                    vertical-align: middle;
                    margin-top: -3px;
                }
                span.red {
                    margin-left: 5px;
                }
            }
        }
        .customerMini-link {
            h3 {
                margin: 5px 0 10px;
            }
            table {
                th,
                td {
                    height: 26px;
                    line-height: 26px;
                    text-align: center;
                    width: 33%;
                    white-space: nowrap;
                    a {
                        color: $highLight;
                        &:hover {
                            text-decoration: underline;
                        }
                    }
                }
                .hasQQ {
                    background: url(../images/qq.png) no-repeat 10px center;
                }
            }
        }
    }

    .ms-options-wrap>.ms-options>ul>li.optgroup {
        padding: 5px;
    }

    .ms-options-wrap>.ms-options>ul>li.optgroup+li.optgroup {
        border-top: 1px solid #aaa;
    }

    .ms-options-wrap>.ms-options>ul>li.optgroup .label {
        display: block;
        padding: 5px 0 0 0;
        font-weight: bold;
    }

    .ms-options-wrap>.ms-options>ul label {
        position: relative;
        display: inline-block;
        float: none;
        width: 100%;
        padding-left: 33px !important;
        padding: 2px 16px;
        /*padding: 4px;*/
        margin: 1px 0;
        color: #666;
        text-align: left;
    }

    .ms-options-wrap>.ms-options>ul li.selected label,
    .ms-options-wrap>.ms-options>ul label:hover {
        cursor: pointer;
        background: #ecf6fd;
        color: #108ee9;
    }

    .ms-options-wrap>.ms-options>ul input[type="checkbox"] {
        margin-right: 5px;
        position: absolute;
        left: 16px;
        top: 8px;
        height: auto;
        width: auto;
        padding-left: 0;
    }

    body .ztree * {
        font-family: "Microsoft Yahei", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    }

    select[multiple=multiple] {
        opacity: 1;
        width: 100%;
        height: 24px;
        color: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        overflow: hidden;
        background: #fff;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .logo-wrap {
        overflow: hidden;
    } // 公共标题
    .box-title {
        border-left: 4px solid $highLight;
        padding-left: 10px;
        font-size: 14px;
        height: 20px;
        padding-top: 3px;
        margin: 15px 0;
        font-weight: bold;
    }
    /*1-18*/

    .offer-cont {
        padding: 20px 20px;
        .offer-cont-top {
            a {
                color: $highLight;
                &:hover {
                    text-decoration: underline;
                }
            }
            .offer-cont-infor {
                float: right;
                /*color: #333;*/
                i,
                em {
                    font-style: normal;
                }
                em {
                    margin: 0 3px;
                }
            }
        }
        .offer-cont-tips {
            margin-top: 20px;
            .anticon {
                vertical-align: middle;
                margin-right: 5px;
                margin-top: -3px;
            }
            .countDown {
                margin-left: 5px;
                color: $browncolor;
            }
        }
        .offer-cont-list {
            margin-top: 20px;
            ul {
                li {
                    margin-bottom: 10px;
                    &:first-child {
                        .offer-cont-btn {
                            button {
                                display: none;
                                &:first-child {
                                    display: inline-block;
                                }
                            }
                        }
                    }
                    .offer-cont-form {
                        float: left;
                        input {
                            width: 100px;
                            height: 30px;
                            margin-left: 6px;
                            line-height: 30px;
                            &:first-child {
                                /*margin-right:5px;*/
                            }
                            &:last-child {
                                width: 185px;
                            }
                        }
                    }
                    .offer-cont-btn {
                        float: left;
                        margin-left: 10px;
                        button {
                            width: 100px;
                            &:first-child {
                                display: none;
                            }
                        }
                    }
                }
            }
        }
    }

    .requireVal {
        .th-inner {
            &:before {
                content: "*";
                color: $redcolor;
            }
        }
    }

    .pricestrategy-msg {
        margin-left: 24px;
        float: left;
        line-height: 30px;
    }

    .condition-msg {
        line-height: 24px;
        width: 60px;
        font-weight: bold;
        float: right;
    }


    .checkbox-invalid-doc {
        width: 169px !important;
    }

    .group-red-msg {
        width: 50% !important;
        .condition-msg {
            color: #ff2724;
        }
    }

    .speical-search-style {
        float: left;
        width: 430px;
        padding: 20px 0 0px 0;
        margin: 0;
    }

    .special-search-detail {
        float: right;
        width: 250px;
        margin: 10px 20px 0px 0;
        border-left: 1px solid #e5e5e5;
        padding-top: 10px;
        height: 262px;
    }

    .special-search-detail {
        .title {
            text-align: center;
            font-size: 12px;
            font-weight: bold;
            margin-bottom: 10px;
        }
    }

    .multiple-checkbox {
        width: 200px !important;
        overflow: hidden;
        height: 24px;
    }


    .layer-reminder {
        text-align: center;
        font-size: 12px;
        color: #333;
        margin: 21px 0 20px;
    }

    .images-preview {
        width: 700px;
        height: 500px;
        margin-left: auto;
        margin-right: auto; // margin-bottom: 15px;
        display: block;
        img {
            width: 100%;
            height: 100%;
        }
    }

    .double-long-label {
        label {
            width: 82px !important;
        }
        .scm-input-wrap {
            width: calc(100% - 88px) !important;
        }
    }

    .btn-disable-style {
        background: #f7f7f7;
        cursor: default;
        color: #333;
        border-color: #333;
        border: 1px solid #e5e5e5;
        &:hover {
            border: 1px solid #e5e5e5;
            color: #333;
        }
    }

    .checkbox-classify {
        padding-left: 32px;
        // width: 100%;
        width: 100% !important;
    }
    
    .table-center-label {
        width: 100% !important;
        text-align: center !important;
    }

    .table-special-style {
        width: 50% !important;
        height: 150px;
    }

    .nodisplay {
        display: none;
    }

    .singlebtn-align {
        float: left; 
        margin-left: 15px;
    }

    .vertical-center-text {
        line-height: 30px; 
        margin: 0 8px;
        &.vertical-leftfloat {
            float: left; 
        }
    }

